<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!doctype html>
<html>
	<head>
	<title>立即支付</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<meta name="format-detection" content="telephone=no">
	<script type="text/javascript">
	;(function (doc, win) {
	    var docEl = doc.documentElement,
	      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
	      recalc = function () {
	        var clientWidth = docEl.clientWidth;
	        var clientHeight = docEl.clientHeight;
	        if (!clientWidth) return;
	        if (clientWidth < clientHeight) {
	            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
	        }else{
	          docEl.style.fontSize = 50 * (clientWidth / 1136) + 'px';
	        }
	      };
	      recalc();
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window);
	</script>
	<link rel="stylesheet" type="text/css" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<script type="text/javascript" src="${static_server}/static/js/common.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/base.js"></script>
	<link rel="stylesheet" href="${static_server}/static/css/common/zepto.alert.css">
	<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/common/zepto.alert.js"></script>
	<script type="text/javascript" src="${static_server}/static/js/user/userOrder.js"></script>
	<style>
	@media only screen and (min-width: 375px){
	    .srcollBox{height: 6rem}
	}
	@media only screen and (min-width: 320px){
	   .srcollBox{height: 7.2rem}
	}
	</style>
	</head>
<body>

<div class="wrap" onload="loaded()">
	<header class="headerToFixed">
		<div class="closeBtn" onclick="javascript:goBack();">
		   <i class="icon iconfont">&#xe60a;</i>
		</div>
			<div class="headerTitle" >
			订单号：${userOrder.orderNumber }
		</div>
	</header>
	<div class="contentWrap">
		<div id="defaultAddress" class="addressComponent commonSubHeader">
			<div class="addressDetailBox">
				<div><span class="name" style="font-weight: bold;"id="recepientName">
							<spring:message code="YYK-20034" />: ${recepient.recepientName}
						</span>
						<span class="tel"style="font-weight: bold;padding-left:0.3rem"><spring:message code="YYK-20035" />: ${recepient.recepientTel}</span>
						</div>
						<div style="margin-top: 0.05rem !important;">
						<span class="addressDetail">
							${recepient.recepientProvinceName}
							${recepient.recepientCityName}
							${recepient.recepientAreaName}
							${recepient.recepientAddress}
						</span>
						<span class="emailNum">${recepient.recepientPostCode}</span>
						</div>
			</div>
		</div>
		<div style="height: 0.9rem;padding: 0.3rem 0.17rem 0.37rem 0.19rem;font-size: 0.26rem;box-sizing: border-box;    background: #fff;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;" 
			class="mts15">
			<div style="display: inline-block;width: 83%;">
					<p>
						<span style="padding-right:0.4rem;" >
							${recepient.recepientName}
						</span>
						<span>${recepient.recepientIdCard}</span>
					</p>
				</div>
		</div>
		<div class="srcollBox">
			<div id="wrapper">
				<div  id="scroller">
					<ul>
						<li>
								<div class="HWrapperBox">
								<div id="Hwrapper0" class="Hwrapper">
									<div id="Hscroller0" class="Hscroller">
										<c:if test="${!empty merchandiseList }">
										<ul>
											<c:forEach items="${merchandiseList }" var="mer" varStatus="merch">
											<li>
												<div class="settleImg">
													<img src="${static_server}${mer.merchandiseIcon}" alt="">
												</div>
												<div class="settleQuanlity">
													x<span>${mer.merchandiseQty}</span>
												</span>
											</li>
											</c:forEach>
										</ul>
										</c:if>
									</div>
								</div>
								<div class="totalQuanBox fr" onclick="window.location.href='${server}/userorder/showOrderMerchandises/${userOrder.orderId}'">
										共<span>${userOrder.totalQty}</span>件
										<div class="moreBtn" >
											<i class="icon iconfont">&#xe603;</i>
										</div>
								</div>
							</div>
						</li>
						
					</ul>
					<div class="paymentBox mts15">
						<p class="paymentTitle">
							<spring:message code="YYK-20014" />
						</p>
						<div class="paymentWay">
							<%-- <div class="wxBox">
								<div class="check-box">
									<input type="radio" name="payment" />
								</div>
								<div class="wx">
									<img src="${static_server}/static/images/btn/weixin.png" alt="">
								</div>
							</div>
							<div class="zfbBox">
								<div class="check-box">
									<input type="radio" name="payment" />
								</div>
								<div class="zfb">
									<img src="${static_server}/static/images/btn/zfb.png" alt="">
								</div>
							</div>
							<div class="cashBox">
								<div class="check-box">
									<input id="inCash" type="radio" name="payment" />
								</div>
								<!-- <div class="cashText">
								</div> -->
								<div class="cash" >
									<img src="${static_server}/static/images/btn/cash.png" alt="">
								</div>
							</div> --%>
							
							<div class="cashBox">
								<div class="check-box">
									<input id="inCash" type="radio" name="payment" value="2" checked="checked"
									<%-- <c:if test="${settlementDTO.payment.paymentType eq 2}">
										
									</c:if> --%>
									/>
								</div>
								<div class="cashText">
								<spring:message code="YYK-20028" />
								</div>
								<div class="cash" style="opacity:0">
									<img src="${static_server}/static/images/btn/cash.png" alt="">
								</div>
							</div>
						</div>
					</div>
			<div class="mts15 immediatePayTipsBox">
						<p class="productAccount"><spring:message code="YYK-20048" /> <span class="moneySpan">
						<fmt:formatNumber value="${userOrder.oldOrderPrice}" pattern="€0.00#" /></span></p>
						<p >
						<label class="carriage"><spring:message code="YYK-20020" /><span>
						<c:if test="${userOrder.orderFreightPrice==0.00}">
						<spring:message code="YYK-20055" />
						</c:if>
						<c:if test="${userOrder.orderFreightPrice!=0.00}">
						<fmt:formatNumber value="${userOrder.orderFreightPrice}" pattern="€0.00#" />
						</c:if>
						</span></label>
						<%-- <label class="carriage"><spring:message code="YYK-20050" /><span>
						<fmt:formatNumber value="${userOrder.orderFreightDiscountPrice}" pattern="€0.00#" /></span></label> --%>
						</p>
						<p class="productAccount"><spring:message code="YYK-20049" /><span class="redFontB">
						<fmt:formatNumber value="${userOrder.orderPrice}" pattern="€0.00#" /></span></p>
			</div>
		</div>
		</div>
		</div>			
	</div>
	<footer class="footerToFixed">
		<div class="footerMenu mts15">
			<ul>
				<li id="cancelBtn"><spring:message code="YYK-20046" /></li>
				<li id="submitBtn" class="selectedBg">显示付款条码</li>
			</ul>
		</div>
	</footer>
</div>

<input type="hidden" id="orderId" value="${userOrder.orderId}"/>
<input type="hidden" id="path" value="${server}"/>
</body>
<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>

</html>